Summary:

Issue: #108
Plan feedback: Approved by @nsbradford

Implementation:

1. Add a new button to the FormDetailPage
   • In the /src/pages/forms/[id].tsx file, add a new button to the left of the existing 'View live form' button. The button should have a white background with red text. The text on the button should be 'Close form' when is_open = true, and 'Open form' when is_open = false.
2. Add onClick event to the new button
   • In the /src/pages/forms/[id].tsx file, add an onClick event to the new button. When clicked, the button should flip the boolean for the is_open column in the correct row in the database. Use the supabase client for this. The update function should look like this:

const { error } = await supabase
  .from('forms')
  .update({ is_open: !form.is_open })
  .eq('id', form.id)

This will update the is_open status of the form in the database.

Report:

Something look wrong?: If this Pull Request doesn't contain the expected changes, add more information to #108. Then, add the bitbuilder:create label to try again. For more information, check the documentation.

Generated with ❤️ by www.bitbuilder.ai